<template>
  <div class="main">
    <van-image
      class="img"
      width="5rem"
      height="5rem"
      fit="cover"
      radius="5px"
      src="https://img01.yzcdn.cn/vant/cat.jpeg"
    />
    <span>戚风蛋糕</span>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.main {
  text-align: center;
  width: 5rem;
  height: 6rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5px 10px 0;
}
.img {
  display: block;
  width: 100%;
}
span {
  color: #313131;
  font-size: 12px;
  margin-top: 5px;
}
</style>
